
/*引入css文件的一种方式*/
/*

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr=#99ffffff,endColorstr=#99ffffff)";
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff,endColorstr=#99ffffff);
background:rgba(255,255,255,.8);


filter:alpha(opacity=40); 针对 IE8 以及更早的版本 */
body{
	font-size: 16Px;
	

}

@media screen and (min-width:640px){

    body{
    	margin: 0 auto;
    	width: 640Px!important;
    	background-size: 640Px auto!important;
    }
}

@media screen and (min-width:640Px){
	.pof{
		width: 640Px!important;
		left: 50%!important;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);

	}
	}


.flexheader{
	top: 0;
	right: 0;
	left: 0;
	height: 0.8rem;
	text-align: center;
	font-size: 0.32rem;
	line-height: 0.8rem;
	color: #fff;
	background: #4d4d4d;
	z-index: 1;
}


.flexheader .return{
	left: 0.22rem;
	top: 50%;
	height: 0.28rem;
	width: 0.28rem;
	border-top: 1Px solid #fff;
	border-left: 1Px solid #fff;
	-webkit-transform-origin: center;
	transform-origin: center;
	-webkit-transform: translate(0, -50%) rotate(-45deg);
	transform: translate(0, -50%) rotate(-45deg);

}
.flexheader-none{
	height: 0.8rem;
}

.sign{
	background: #f1f1f1;

}

.sign .content hgroup{
	padding: 0 0.22rem;
}

.sign .content hgroup article{
	font-size: 0.26rem;
	text-align: center;
	color: #989898;
	line-height: 1;

}

.sign .content section{
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	padding: 0.3rem 0 0.2rem;

}

.sign .content section figure{
	margin-right: 0.3rem;
	border-radius: 50%;
	overflow: hidden;
	border: 2Px solid #fff;

}

.sign .content section figure img{
	width: 0.8rem;
	height: 0.8rem;

}

.sign .content section aside{
	position: relative;
	width: 5rem;
	box-sizing: border-box;
	padding: 0.1rem 0.35rem;
	border-radius: 15Px;
	background: #bfe2ff;

}

.sign .content section aside h3{
	font-size: 0.24rem;
	color: #3684e3;
	line-height: 0.38rem;

}

.sign .content section aside p{
	min-height: 0.6rem;
	font-size: 0.27rem;
	color: #4d4d4d;
	line-height: 0.38rem;

}

.sign .content section aside:after{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	border: 13Px solid transparent;
	border-right-color: #bfe2ff ;
	-webkit-transform: translate(-26Px, -50%);
	transform: translate(-26Px, -50%);

}

.sign .flex-edit-none{
	height: 1rem;

}

.sign .flex-edit{
	bottom: 0;
	left: 0;
	right: 0;
	height: 0.98rem;
	box-sizing: border-box;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding:0.15rem 0.22rem 0.15rem;
	border-top: 2Px solid #d3d3d3;
	background: #f1f1f1;

}

.sign .flex-edit input[type=text]{
	width: 85%;
	box-sizing: border-box;
	height: 0.68rem;
	padding: 0.1rem 0.2rem;
	background: #fff;
	border: 1Px solid #d3d3d3;
	outline: none;
	border-radius: 5Px;

}

.sign .flex-edit input[type=submit]{
	width: 13%;
	height: 0.63rem;
	font-size: 0.28rem;
	color: #fff;
	line-height: 0.63rem;
	text-align: center;
	background: #3684e3;
	border: none;
	outline: none;

}

.message{
	background: #fff;

}

.message .welcome{
	height: 4.2rem;
	overflow: hidden;
	background: -webkit-linear-gradient(#3685e3, #1bc3d3);
	background: linear-gradient(#3685e3, #1bc3d3);

}

.message .welcome figure{
	margin: 0.4rem auto 0;
	width: 1.5rem;
	height: 1.5rem;
	border: 2Px solid #fff;
	border-radius: 50%;
	overflow: hidden;

}

.message .welcome figure img{
	display: block;
	width: 100%;
	height: 100%;

}

.message .welcome p{
	padding-top: 0.15rem;
	text-align: center;
	font-size: 0.3rem;
	color: #fff;
	line-height: 0.5rem;

}

.message .wrap{
	width: 80%;
	margin: 0 auto;

}

.message .input{
	display: block;
	height: 0.8rem;
	width: 100%;
	margin-top: 0.3rem;
	box-sizing: border-box;
	padding:0 0.22rem;
	border-radius: 5Px;
	border: 1Px solid #dcdcdc;
	outline: none;

}

.message .pt30{
	padding-top: 0.3rem;
	font-size: 0.24rem;
	color: #989898;
	line-height: 0.36rem;

}

.message .list{
	padding-left: 0.3rem;

}

.message .list li{
	list-style-type:disc;

}

.message p.text{
	min-height: 2.7rem

}

.message .submit{
	margin-top: 0.2rem;
	width: 100%;
	display: block;
	height: 0.8rem;
	font-size: 0.3rem;
	color: #fff;
	text-align: center;
	line-height: 0.8rem;
	background: #3684e3;
	border: none;
	border-radius: 5Px;

}

.layout-box{
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}

.layout-box .content{
	left: 50%;
	top: 50%;
	width: 4rem;
	height: 2rem;
	background: rgba(0,0,0,0.8);
	border-radius: 10Px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	font-size: 0.3rem;
	color: #fff;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);

}

.layout-box .content span{
	padding-left: 0.3rem;

}

.layout-box .content span:before{
	content:'';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0.14rem;
	height: 0.3rem;
	border-left: 4Px solid #fff;
	border-top: 4Px solid #fff;
	-webkit-transform: translate(0, -60%) rotate(-145deg);
	transform: translate(0, -60%) rotate(-145deg);

}

